<#include "/common/_header.html" />
<div class="page-group"><!-- 页面组 -->
	<div class="page page-current"><!-- 页面组中的每一个页面，可以互相跳转 -->
		<header class="bar bar-nav"><!-- 每个页面的头部 -->
			<button class="button button-link button-nav pull-left" onclick="javascript:location.href = '${path}/checkin'">
				<span class="icon icon-left"></span> 返回
			</button>
			<h1 class="title" style="font-size: 1rem;">我的金币</h1>
		</header>
		<div class="content native-scroll"><!-- 每个页面的内容区域 -->
			<div class="content-block" style="display:flex;margin-top:0.5rem;">
				<img src="${uservo.usericon}" style="width:3rem; height:3rem;">
				<div style="vertical-align:top;margin-left:0.5rem;">
				<span>${uservo.nickname}</span>
	            <#if uservo.sex==1>
	      			<span class="iconfont icon-male" style="color: #1296db;"></span>
	      		<#elseif uservo.sex==2>
	      			<span class="iconfont icon-female" style="color: #d4237a;"></span>
	      		<#else>
	      			<span class="iconfont icon-question" style="color: #f16522;"></span>
	      		</#if>
	      		</div>
			</div>
		  <div class="content-block">
	      	<img onclick="javascript:location.href = '${path}/checkin/userCoinsGet'" src="${path}/resource/images/coins1.png" style="width:3.5rem;height:3.5rem;align-items: center;justify-content: center;">
	      	<span style="border: 6px solid #ff9900;font-size:4rem;padding:0.6rem;font-weight:bold;align-items: center;justify-content: center;border-radius:50%; overflow:hidden;margin-right:0.5rem;margin-left: 0.5rem; color: #ff9900;">${uservo.coins!0}</span>
	      	<img onclick="javascript:location.href = '${path}/checkin/userCoinsDetail'" src="${path}/resource/images/coins2.png" style="width:3.5rem;height:3.5rem;align-items: center;justify-content: center;">
		  </div>
		  <div class="content-block">
		  	<p><a href="#" onclick="javascript:location.href = '${path}/checkin/userGift'" class="button button-round button-fill button-warning">兑换礼物</a></p>
		  	<p><a href="#" onclick="javascript:location.href = '${path}/checkin/userGiftHistory'" class="button button-round button-fill">兑换明细</a></p>
		  </div>
		</div>
	</div>
</div>